<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 标签页（Tab）插件</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bqy.css" />
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="bqy1">
	<div class="container">
		<div class="row">
			<ul id="myTab" class="nav nav-tabs">
				<li><a href="#itme1" data-toggle="tab">item1</a></li>
				<li><a href="#item2" data-toggle="tab">item2</a></li>
				<li><a href="#item3" data-toggle="tab">item3</a></li>
				<li><a href="#item4" data-toggle="tab">item3</a></li>
			</ul>
		</div>
		<!--内容部分-->
		<div class="row">
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade in active" id="item1">
					item1	
				</div>
				<div class="tab-pane fade" id="item2">
					item2
				</div>
				<div class="tab-pane fade" id="item3">
					item3
				</div>
				<div class="tab-pane fade" id="item4">
					item4
				</div>
			</div>
		</div>
	</div>
</div>
<div class="bqy2">
	<div class="container">
		<div class="row">
			
		</div>
	</div>
</div>

</body>
</html>